<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>inote 云记事</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/layout.css" />
    <link rel="stylesheet" type="text/css" href="../css/component/bar.css" />
    <style>
    	html,body{
    		width: 100%;
            height: 100%;
            background-color: #EEEEEE;
    	}
        #wrap{
            width: 100%;
            height: 100%;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-flex-flow: column;
        }
        #header{
            position: fixed;
            top: 0px;
            left: 0px;
            z-index: 100;
        }
        #main{
            -webkit-box-flex: 1; 
            -webkit-flex: 1;
        }
        #main{
            background-color: rgba(0,0,0,0);
            padding: 15px;
        }
        .tabActive{
            background-color: #42A5F5;
        }
        /*页面主体*/
        .con{
            margin-left: -15px;
            margin-right: -15px;
            padding-top: 48px;
            padding-bottom: 15px;
            /*background-color: rgba(0,0,0,.08);*/
        }
        .app-detail{
            width: 100%;
            text-align: center;
        }
        .logo{
            display: block;
            width: 56px;
            border-radius: 99em;
            margin-left: auto;
            margin-right: auto;
        }
        .list{
            position: relative;
            font-size: 16px;
            background-color: #fff;
            margin-left: -15px;
            margin-right: -15px;
            padding: 15px;
        }
        .diver{
            height: 1px;
        }
        .chevron{
            position: absolute;
            right: 15px;
            width: 22px;
        }
        .listActive{
            background-color: #EEEEEE;
        }
    </style>
</head>
<body>
	<div id="wrap">
        <div id="header" class="ino-bar home-bar">
            <div class="title">关于</div>
            <table class="ino-bar-content">
                <tr>
                    <td>
                        <div class="bar-tab bar-tab-back" tapmode="tabActive" onclick="api.closeWin();">
                            <img class="listTab" src="../image/png/close.png">
                        </div>                        
                    </td>
                </tr>
            </table>
        </div>
        <div id="main">
            <div class="con">
                <div class="app-detail">
                    <img class="logo" src="../image/user/logo.png">
                    <h3>i 记事 inote 2.0.2</h3>
                </div>
            </div>
            <div class="list" tapmode="listActive" onclick="openWindow('range')">
                评分
                <img class="chevron" src="../image/png/chevron_right.png">
            </div>
            <div class="diver"></div>
            <div class="list" tapmode="listActive" onclick="openWindow('comment')">
                吐个槽
                <img class="chevron" src="../image/png/chevron_right.png">
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
	apiready = function(){
		
	};
    function openWindow(name){
        api.openWin({
            name: name,
            url: name+'.html'
        });
    };
</script>
</html>